html,body {
  padding:0;
  margin:0;
  height:100%;
  font-size:14px;
}
@media(max-width:1440px) {
  font-size:10px;
}
.container {
  height:100%;
  overflow: hidden;
}
.content-container {
  height:100%;
  display:flex;
}
.sidebar-container {
  width:12%;
  border-right:1px solid #e2e4e9;
  font-size:1rem;
}
.main-content {
  width:88%;
  padding:1rem 1rem 0 1rem;
}
// 自定义滚动条样式
.custom-scroll {
  overflow:hidden auto;
}
.custom-scroll::-webkit-scrollbar {
  width:8px;
  height:1px;
}
.custom-scroll::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: rgba(194, 193, 193, 0.4);
}

.custom-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 8px;
  background:rgba(138, 139, 182, 0.3);
}
/* 
  自定义高度自适应Tabs组件
*/
.flex-tabs:global(.ant-tabs) {
  height: 100%;
}

.flex-tabs:global(.ant-tabs) :global(.ant-tabs-content) {
  height: 100%;
}

.flex-tabs:global(.ant-tabs) :global(.ant-tabs-content) :global(.ant-tabs-tabpane) {
  height: 100%;
}
// 自定义List组件样式
.custom-list .custom-list-item {
  padding:1rem 2rem;
  border-bottom:1px solid rgba(5, 5, 5, 0.06);
  cursor: pointer;
}
.custom-list .custom-list-item:hover {
  background:#f2f3f5;
}
.custom-list .custom-list-item.selected {
  background:#f2f3f5;
}
// 自定义Flex容器组件
.flex-container {
  display:flex;
  flex-wrap:wrap;
  background:#fff;
}
.flex-container > .flex-item-wrapper {
  width:25%;
  height:220px;
  padding:0 1rem 1rem 0;
  box-sizing: border-box;
}
.flex-item-wrapper > .flex-item {
  height:100%;
  padding:1rem 2rem;
  display:flex;
  flex-direction: column;
  justify-content: space-around;
  border:1px solid #cdd0d5;
  border-radius:6px;
  box-sizing: border-box;
  font-size:1rem;
}
.flex-item .flex-item-header {
  display:flex;
  align-items: center;
}
.flex-item .flex-item-header-icon {
  width:50px;
  height:50px;
  margin-right:1rem;
  background-repeat: no-repeat;
  background-size:100% 100%;
}
.flex-item .flex-item-header-icon.large {
  width:100px;
  height:100px;
}
.flex-item .flex-item-header-title .title {
  font-size:1.2rem;
  font-weight:weight;
  color:#000;
} 
.tag {
  font-size:0.8rem;
  padding:4px 6px;
  margin-right:1rem;
  border-radius:4px;
  background:#e8f3ff;
  color:#165dff;
} 
.tag.scene {
  background:#c2d6ff;
  color:#162664;
} 
.tag.module {
  background:#cac2ff;
  color:#2b1664;
} 
.flex-item .flex-item-content {
  height:64px;
  width:100%;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 这里是超出几行省略 */
}
.flex-item .flex-item-footer {

}

